<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Bootstrap2学习</title>
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/css/select2.css">
    <script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/js/select2.full.js"></script>
    <script type="text/javascript" src="/js/bootstrap.js"></script>
    <script type="text/javascript" src="/js/pagejs/select2.js"></script>

</head>
<body>
<div class="container">

    <div class="row">
        <div class="col-lg-6 col-md-3">
            <div class="thumbnail">
                <img src="/img/1.png" alt="通用占位符缩略图">
                <div class="caption">
                    <h3>缩略图标签</h3>
                    <p>美女</p>
                    <p>
                        <a class="btn btn-primary" href="#" role="button">放大</a>
                        <a class="btn btn-info" href="#" role="button">缩小</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-3">
            <div class="thumbnail">
                <img src="/img/2.png" alt="通用占位符缩略图">
                <div class="caption">
                    <h3>缩略图标签</h3>
                    <p>美女</p>
                    <p>
                        <a class="btn btn-primary" href="#" role="button">放大</a>
                        <a class="btn btn-info" href="#" role="button">缩小</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-3">
            <div class="thumbnail">
                <img src="/img/3.png" alt="通用占位符缩略图">
                <div class="caption">
                    <h3>缩略图标签</h3>
                    <p>美女</p>
                    <p>
                        <a class="btn btn-primary" href="#" role="button">放大</a>
                        <a class="btn btn-info" href="#" role="button">缩小</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-3">
            <div class="thumbnail">
                <img src="/img/4.png" alt="通用占位符缩略图">
                <div class="caption">
                    <h3>缩略图标签</h3>
                    <p>美女</p>
                    <p>
                        <a class="btn btn-primary" href="#" role="button">放大</a>
                        <a class="btn btn-info" href="#" role="button">缩小</a>
                    </p>
                </div>
            </div>
        </div>


    </div>

</div>

</body>


</html>